<!DOCTYPE html>
<script src="utils.js"></script>
<title>Fenced frame content to report the result of prerendering</title>

<body>
  <script>
    async function report() { // Needed in order to use top-level await.
      // This file is meant to run in a <fencedframe>. It reports its dimensions
      // back to the outermost page, which in turn checks for correctness.
      const window_outer_size_key = KEYS["window.outersize"];
      const window_inner_size_key = KEYS["window.innersize"];

      const url = new URL(location.href);
      const dimension = url.searchParams.get("dimension");
      const extra_children = url.searchParams.get("extra_children");

      if (extra_children == "0") {
        let outer_result = (dimension == "width") ?
          window.outerWidth : window.outerHeight;

        let inner_result = (dimension == "width") ?
          window.innerWidth : window.innerHeight;

        writeValueToServer(window_outer_size_key, outer_result);
        writeValueToServer(window_inner_size_key, inner_result);
      } else {
          const iframe = document.createElement('iframe');
          iframe.src = "window-outer-dimensions-inner.html?dimension="
                       + dimension + "&extra_children=" + (parseInt(extra_children) - 1);
          document.body.append(iframe);
      }

    }
    report();
  </script>
</body>
